import React from 'react';
import { Layout, Menu } from 'antd';
import { FormOutlined } from '@ant-design/icons';
import TrainList from "./commponents/trainPage/TrainList";

const { Content, Sider } = Layout;

const SideMenuLayout = () => {
    return (
        <Layout style={{ minHeight: '100vh' }}>
            <Sider width={200} className="site-layout-background">
                <Menu
                    mode="inline"
                    defaultSelectedKeys={['1']}
                    style={{ height: '100%', borderRight: 0 }}
                >
                    <Menu.Item key="1" icon={<FormOutlined />}>
                        RecList
                    </Menu.Item>
                    {/* 可以添加其他菜单项 */}
                </Menu>
            </Sider>
            <Layout>
                <Content style={{ margin: '0 16px' }}>
                    <div style={{ padding: 24, background: '#fff', minHeight: 360 }}>
                        {/* 在这里显示 RecList 组件 */}
                        <TrainList />
                    </div>
                </Content>
            </Layout>
        </Layout>
    );
}

export default SideMenuLayout;
